<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ taglib uri="/sinopac-fn" prefix="fn"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>OTP分行平台</title>
<link rel="stylesheet"
	href="${fn:url('/form/datepicker/jquery-ui-1.9.1.custom.css')}">
<script type="text/javascript"
	src="${fn:url('/js/jQuery/jquery-1.8.2.min.js')}"></script>
<script type="text/javascript"
	src="${fn:url('/js/datepicker/jquery.ui.core.js')}"></script>
<script type="text/javascript"
	src="${fn:url('/js/datepicker/jquery.ui.datepicker.js')}"></script>
<script type="text/javascript"
	src="${fn:url('/js/jQuery/jquery_DOMWindow.js')}"></script>
<script type="text/javascript" src="${fn:url('/js/tools/formUtil.js')}"></script>
<link rel="stylesheet" href="${fn:url('/form/CSS/tabs.css')}">
<script>
			$(document).ready(function(){
				//輸入日期的popup視窗
				$( "#from_i" ).datepicker({
					dateFormat:"yy/mm/dd",		            
		            changeMonth: true,
		            changeYear: true,
		            showOtherMonths: true,
		            selectOtherMonths: true,
		            numberOfMonths: 1,
		            onClose: function( selectedDate ) {
		                $( "#to_i" ).datepicker( "option", "minDate", selectedDate );
		            }
		        });
				$( "#to_i" ).datepicker({
					dateFormat:"yy/mm/dd",
		            changeMonth: true,
		            changeYear: true,
		            showOtherMonths: true,
		            selectOtherMonths: true,
		            numberOfMonths: 1,
		            onClose: function( selectedDate ) {
		                $( "#from_i" ).datepicker( "option", "maxDate", selectedDate );
		            }
		        });

				$( "#from_h" ).datepicker({
					dateFormat:"yy-mm-dd",
		            changeMonth: true,
		            changeYear: true,
		            showOtherMonths: true,
		            selectOtherMonths: true,
		            numberOfMonths: 1,
		            onClose: function( selectedDate ) {
		                $( "#to_h" ).datepicker( "option", "minDate", selectedDate );
		            }
		        });
				$( "#to_h" ).datepicker({
					dateFormat:"yy-mm-dd",
		            changeMonth: true,
		            changeYear: true,
		            showOtherMonths: true,
		            selectOtherMonths: true,
		            numberOfMonths: 1,
		            onClose: function( selectedDate ) {
		                $( "#from_h" ).datepicker( "option", "maxDate", selectedDate );
		            }
		        });
		        						
				if(<s:property value="errorFlag"/>){
					alert($('#errorMessage_a').val());
				}

				if(<s:property value="pdfFlag"/>){
					window.open('/sinopac/form/CustomerApply/viewPDF.jsp?path=' + $('#pdfPath').val());
				}
				
				//測試
				$('#token_id').focusin(function(){
					$('#token_cust').attr('disabled',false);
					$('#custId01_b').attr('disabled',false);
					$('#custId02_b').attr('disabled',false);
					$('#custId03_b').attr('disabled',false);
				});
				$('#token_cust').focus(function(){
					if($('#token_id').val() == '1'){
						$('#token_cust').attr('disabled',false);
						$('#custId01_b').attr('disabled',true);
						$('#custId02_b').attr('disabled',true);
						$('#custId03_b').attr('disabled',true);
					}else{
						$('#custId01_b').attr('disabled',false);
						$('#custId02_b').attr('disabled',false);
						$('#custId03_b').attr('disabled',false);
						$('#token_cust').attr('disabled',true);
						$('#custId01_b').focus();
					}
				});
				$('#custId01_b').focus(function(){
					if($('#token_id').val() == '1'){
						$('#token_cust').attr('disabled',false);
						$('#custId01_b').attr('disabled',true);
						$('#custId02_b').attr('disabled',true);
						$('#custId03_b').attr('disabled',true);
						$('#token_cust').focus();
					}else{
						$('#custId01_b').attr('disabled',false);
						$('#custId02_b').attr('disabled',false);
						$('#custId03_b').attr('disabled',false);
						$('#token_cust').attr('disabled',true);
					}
				});
				$('#custId02_b').focus(function(){
					if($('#token_id').val() == '1'){
						$('#token_cust').attr('disabled',false);
						$('#custId01_b').attr('disabled',true);
						$('#custId02_b').attr('disabled',true);
						$('#custId03_b').attr('disabled',true);
						$('#token_cust').focus();
					}else{
						$('#custId01_b').attr('disabled',false);
						$('#custId02_b').attr('disabled',false);
						$('#custId03_b').attr('disabled',false);
						$('#token_cust').attr('disabled',true);
					}
				});
				$('#custId03_b').focus(function(){
					if($('#token_id').val() == '1'){
						$('#token_cust').attr('disabled',false);
						$('#custId01_b').attr('disabled',true);
						$('#custId02_b').attr('disabled',true);
						$('#custId03_b').attr('disabled',true);
						$('#token_cust').focus();
					}else{
						$('#custId01_b').attr('disabled',false);
						$('#custId02_b').attr('disabled',false);
						$('#custId03_b').attr('disabled',false);
						$('#token_cust').attr('disabled',true);
					}
				});
				
				//紀錄查詢的popup視窗 確定btnClick事件  for 管理查詢："紀錄查詢"
				$('#logQuery_form input[name=confirm]').click(function(){
					var f = $('#logQuery_form');
					if($('#token_id').val() == '1'){
						$('input[name=token_cust]').val($('#token_cust').val());
					}else{
						var str = $.joinId('#custId01_b', '#custId02_b', '#custId03_b');
						$('input[name=token_cust]').val(str);
					}
					if(($('#from_h').val() == "" || $('#to_h').val() == "")){
						alert("日期不可為空白!!!");
					}else if(($('input[name=token_cust]').val() != "" && ($('#record').val() == "驗證紀錄" || $('#record').val() == "登入紀錄" ))){
						alert("此查詢不需填寫 TOKEN ESN 或 客戶ID!!!");
					}else{
						f.prop('action','${fn:url('/Index/chkCustId.action')}');
						f.submit();
					}
				});

				//紀錄查詢的popup視窗 確定btnClick事件  for 管理查詢："報表查詢"
				$('#rptQuery_form input[name=confirm]').click(function(){
					var f = $('#rptQuery_form');
					if(($('#from_i').val() == "" || $('#to_i').val() == "") && ($('#sort').val() == "查詢異常報表" || $('#sort').val() == "查詢行員作業紀錄" || $('#sort').val() == "查詢主管覆核紀錄" )){
						alert("日期不可為空白!!!");
					}else if(($('#from_i').val() != "" || $('#to_i').val() != "") && ($('#sort').val() == "查詢TOKEN庫存清單" || $('#sort').val() == "查詢驗證失敗被暫禁清單" )){
						alert("此查詢不需填寫日期!!!");
					}else{
						f.prop('action','${fn:url('/Index/chkCustId.action')}');
						f.submit();
					}
				});
			
				//輸入客戶ID的popup視窗 確定btnClick事件  for 申請作業："集團戶管理"、"客戶申請"
				$('#custId_form input[name=confirm]').click(function(){
					var str = "";
					var f = $('#custId_form');
					
					if($('#custId01_a').val() == "" || $('#custId02_a').val() == "" || $('#custId03_a').val() == ""){
						alert("輸入值不可為空白!!!");
					}else{						
						str = $.joinId('#custId01_a', '#custId02_a', '#custId03_a');
						$('#custId_a').val(str);
						f.prop('action','${fn:url('/Index/chkCustId.action')}');
						f.submit();
					}
				});
				
				//輸入TOKEN-ESN的popup視窗  確定btnClick事件  for TOKEN管理："暫禁、解禁、註銷"
				$('#tokenESN input[name=confirm]').click(function(){
					var u = $('#token_esn_form');
					if($('#token_esn_a').val() == ""){
						alert("輸入值不可為空白!!!");
					}else{
						u.prop('action','${fn:url('/Index/chkCustId.action')}');
						u.submit();
					}
				});
				
				//輸入 同步序號、同步驗證碼的popup視窗 確定btnClick事件  for "TOKEN同步"
				$('#tokenSynchronous input[name=synchConf]').click(function(){
					var s = $('#token_esn_form2');
					if($('#token_esn_b').val() == ""){
						alert("輸入值不可為空白!!!");
					}else{
					s.prop('action','${fn:url('/Index/chkTokenAndStatus.action')}');
					s.submit();
					}
				});
				
				//輸入客戶ID的popup視窗 for 申請作業："集團戶管理"、"客戶申請"
				$('img.MtypeID').click(function(){
					if(<s:property value="userRoles"/>==1){
						var number = $(this).attr('number');
						$('input[name=function_num]').val(number);
					    $.openDOMWindow({ 
					    	windowSourceID: '.idDiv',
					        height:110,  
					        width:370, 
					        overlay:1, 
					        overlayColor: '#A9A9A9',
					        windowPadding:20,
					        modal:1,
					        borderColor:'steelblue',
					        borderSize:'2', 
					        positionLeft:120, 
					        positionTop:-150,
					    });
					}else{
						alert("無權限操作此項目！");
					} 
				});

				//批次申請
				$('img.batchApply').click(function(){
					if(<s:property value="userRoles"/>==1){
						var number = $(this).attr('number');
						var f = $('#managementForm');
						$('#managementForm input[name=function_num]').val(number);
						f.prop('action','${fn:url('/Index/forwardAction.action')}');
						f.submit();
					}else{
						alert("無權限操作此項目！");
					}	
				});
				
				//輸入TOKEN-ESN的popup視窗  for TOKEN管理："暫禁、解禁、註銷"
				$('img.tokenMtypeToken').click(function(){
					if(<s:property value="userRoles"/>==1){
						var number = $(this).attr('number');
						$('input[name=function_num]').val(number);
						//$('#function_num_b').prop('name',number);
						$.openDOMWindow({ 
					    	windowSourceID: '.tokenESNDiv',
					        height:110,  
					        width:350, 
					        overlay:1, 
					        overlayColor: '#A9A9A9',
					        windowPadding:20,
					        modal:1,
					        borderColor:'steelblue',
					        borderSize:'2', 
					        positionLeft:120, 
					        positionTop:-150,
					    });
					}else{
						alert("無權限操作此項目！");
					} 
				});
				
				//輸入 同步序號、同步驗證碼的popup視窗  for "TOKEN同步"
				$('img.tokenSynchronousPopup').click(function(){
					if(<s:property value="userRoles"/>==4){
						var number = $(this).attr('number');
						//			$('input[name=function_num]').val(number);
						$.openDOMWindow({ 
						   	windowSourceID: '.tokenSynchronousDiv',
						    height:160,  
						    width:300, 
						    overlay:1, 
						    overlayColor: '#A9A9A9',
						    windowPadding:20,
						    modal:1,
						    borderColor:'steelblue',
						    borderSize:'2', 
						    positionLeft:120, 
						    positionTop:-150,
						}); 
					}else{
						alert("無權限操作此項目！");
					}	
				});
				
				//TOKEN入庫
				$('img.tokenStorage').click(function(){
					if(<s:property value="userRoles"/>==1){
						var number = $(this).attr('number');
						var f = $('#managementForm');
						$('#managementForm input[name=function_num]').val(number);
						f.prop('action','${fn:url('/Index/forwardAction.action')}');
						f.submit();
					}else{
						alert("無權限操作此項目！");
					}	
				});
				
				//主管覆核
				$('img.supervisorReconfirm').click(function(){
					if(<s:property value="userRoles"/>==2){
						var number = $(this).attr('number');
						var f = $('#managementForm');
						$('#managementForm input[name=function_num]').val(number);
						f.prop('action','${fn:url('/Index/forwardAction.action')}');
						f.submit();
						console ? console.info('FIXME ...') : alert('FIXME ...');
					}else{
						alert("無權限操作此項目！");
					}	
				});

				//popup視窗 for 管理查詢："紀錄查詢"
				$('img.logQuery').click(function(){
						var number = $(this).attr('number');
						$('input[name=function_num]').val(number);
						$.openDOMWindow({ 
					    	windowSourceID: '.logQueryDiv',
					        height:250,  
					        width:400, 
					        overlay:1, 
					        overlayColor: '#A9A9A9',
					        windowPadding:20,
					        modal:1,
					        borderColor:'steelblue',
					        borderSize:'2', 
					        positionLeft:120, 
					        positionTop:-150,
					    });
				});
				
				//選擇報表查詢時間及類別 for "報表查詢"
				$('img.rptQuery').click(function(){
						var number = $(this).attr('number');
						$('input[name=function_num]').val(number);
						$.openDOMWindow({ 
					    	windowSourceID: '.rptQueryDiv',
					        height:250,  
					        width:400, 
					        overlay:1, 
					        overlayColor: '#A9A9A9',
					        windowPadding:20,
					        modal:1,
					        borderColor:'steelblue',
					        borderSize:'2', 
					        positionLeft:120, 
					        positionTop:-150,
					    });
				});

				//輸入客戶ID的popup視窗 for 管理查詢："客戶查詢"
				$('img.idQuery').click(function(){
						var number = $(this).attr('number');
						$('input[name=function_num]').val(number);
					    $.openDOMWindow({ 
					    	windowSourceID: '.idDiv',
					        height:110,  
					        width:370, 
					        overlay:1, 
					        overlayColor: '#A9A9A9',
					        windowPadding:20,
					        modal:1,
					        borderColor:'steelblue',
					        borderSize:'2', 
					        positionLeft:120, 
					        positionTop:-150,
					    });
				});
				//輸入客戶ID的popup視窗 for 管理查詢："快速查詢"
				$('img.ccroger').click(function(){
						var number = $(this).attr('number');
						$('input[name=function_num]').val(number);
					    $.openDOMWindow({ 
					    	windowSourceID: '.idDiv',
					        height:110,  
					        width:370, 
					        overlay:1, 
					        overlayColor: '#A9A9A9',
					        windowPadding:20,
					        modal:1,
					        borderColor:'steelblue',
					        borderSize:'2', 
					        positionLeft:120, 
					        positionTop:-150,
					    });
				});
			});
			
			function closeWindow(){   
				window.open('','_parent','');
				window.close();    
			}
			
			function fieldCon(){
				if($('#token_id').val() == '1'){
					$('#token_cust').attr('disabled',false);
					$('#token_cust').focus();
					$('#custId01_b').attr('disabled',true);
					$('#custId02_b').attr('disabled',true);
					$('#custId03_b').attr('disabled',true);
				}else{
					$('#custId01_b').attr('disabled',false);
					$('#custId02_b').attr('disabled',false);
					$('#custId03_b').attr('disabled',false);
					$('#token_cust').attr('disabled',true);
					$('#custId01_b').focus();
				}
			}
		</script>
</head>
<body>
	<!-- popup視窗 "選擇紀錄查詢" Start -->
	<div id="logQuery" class="logQueryDiv" style="display: none"><s:form
		id="logQuery_form">
		<s:hidden id="function_num_h" name="function_num" value="function_num" />
		<s:hidden name="token_cust"/>
		<table>
			<tr>
				<td align="left"><s:label value="請輸入查詢紀錄區間" theme="simple" /></td>
			</tr>
			<tr height="10" />
			<tr>
				<td align="left">
					<input type="text" id="from_h" name="from_h" size="18"/>
				</td>
				<td align="left">至
					<input type="text" id="to_h" name="to_h" size="18"/>
				</td>
			</tr>		
			<tr height="10" />
			
			<tr align="left">
				<td align="left">
					<select id="token_id" name="token_id" >	
						<option value="1" id="token">輸入TOKEN-ESN</option>
						<option value="2" id="cus_id">輸入客戶ID</option>
					</select>
				</td>
				<td align="left">
					<input type="text" id="token_cust" maxlength="16" size="16" disabled="disabled"/>
				</td>
			</tr>
			<tr align="left">
				<td align="left">
				</td>
				<td align="left">
					<input type="text" id="custId01_b" maxlength="18" size="18"  disabled="disabled"/>
					<input type="text" id="custId02_b" maxlength="1" size="1"  disabled="disabled"/>
					<input type="text" id="custId03_b" maxlength="2" size="2"  disabled="disabled"/>
				</td>
			</tr>
			
			<!-- 
			<tr>
				<td align="left">輸入TOKEN-ESN</td>
				<td>
					<input type="text" id="token_cust" name="token_cust" maxlength="16" size="18"/>
				</td>
			</tr>	
			<tr height="10" />
			<tr>
				<td align="left">輸入客戶ID</td>
				<td>
				<input type="text" id="custId01_b" maxlength="18" size="18" />-
				<input type="text" id="custId02_b" maxlength="1" size="1" />-
				<input type="text" id="custId03_b" maxlength="2" size="2" />
				</td>
			</tr>
			 -->
			<tr height="10" />
			<tr align="left">
				<td align="left"><s:label value="請選擇紀錄查詢類別" theme="simple" /></td>
				<td align="left"><select id="record" name="record">
					<option value="異動紀錄" id="chg_record">異動紀錄</option>
					<option value="申請紀錄" id="apply_record">申請紀錄</option>
					<option value="註銷紀錄" id="cancel_record">註銷紀錄</option>
					<option value="驗證紀錄" id="verify_record">驗證紀錄</option>
					<option value="登入紀錄" id="login_record">登入紀錄</option>
				</select></td>
				<td><s:hidden name="logQ" id="log_q"></s:hidden></td>
			</tr>
			<tr height="30" />
			<tr align="left">
				<td><input name="confirm" type="button" value="確定" /></td>
				<td><s:submit value="取消" id="btnNo" cssClass="closeDOMWindow"
					theme="simple" /></td>
			</tr>
		</table>
	</s:form></div>
	<!-- popup視窗 "選擇紀錄查詢" End -->

	<!-- popup視窗 "輸入客戶ID" Start -->
	<div id="customerID" class="idDiv" style="display: none">
		<s:form id="custId_form">
			<s:hidden id="function_num_a" name="function_num"
				value="function_num" />
			<table>
				<tr align="left">
					<td align="left"><s:label value="請輸入客戶ID" theme="simple" /></td>
					<td align="left"><s:textfield name="custId01" id="custId01_a"
							cssClass="custId" theme="simple" maxlength="18" size="18" /></td>
					<td>-</td>
					<td align="left"><s:textfield name="custId02" id="custId02_a"
							cssClass="custId" theme="simple" maxlength="1" size="1" /></td>
					<td>-</td>
					<td align="left"><s:textfield name="custId03" id="custId03_a"
							cssClass="custId" theme="simple" maxlength="2" size="2" /></td>
					<td><s:hidden name="custId" id="custId_a"></s:hidden></td>
				</tr>
				<tr height="50"></tr>
				<tr>
					<td><input name="confirm" type="button" value="確定" /></td>
					<td><s:submit value="取消" id="btnNo" cssClass="closeDOMWindow"
							theme="simple" /></td>
				</tr>
			</table>
		</s:form>
	</div>
	<!-- popup視窗 "輸入客戶ID" End -->

	<!-- popup視窗 "選擇報表查詢時間及類別" Start -->
	<div id="rptQuery" class="rptQueryDiv" style="display: none">
		<s:form id="rptQuery_form">
			<s:hidden id="function_num_i" name="function_num"
				value="function_num" />
			<table>
				<tr align="left">
					<td align="left"><s:label value="請選擇報表查詢區間" theme="simple" /></td>
				</tr>
				<tr height="10" />
				<tr>
					<td><label for="from"></label> <input type="text" id="from_i"
						name="from_i" /></td>
					<td><label for="to">至</label> <input type="text" id="to_i"
						name="to_i" /></td>
				</tr>
				<tr height="10" />
				<tr align="left">
					<td align="left"><s:label value="請選擇報表查詢類別" theme="simple" /></td>
					<td align="left"><select id="sort" name="sort">
							<option value="查詢異常報表" id="unusual_report">查詢異常報表</option>
							<option value="查詢行員作業紀錄" id="work_record">查詢行員作業紀錄</option>
							<option value="查詢主管覆核紀錄" id="work_record">查詢主管覆核紀錄</option>
							<option value="查詢TOKEN庫存清單" id="token_list">查詢TOKEN庫存清單</option>
							<option value="查詢驗證失敗被暫禁清單" id="moratorium_list">查詢驗證失敗被暫禁清單</option>
					</select></td>
				</tr>
				<tr height="30" />
				<tr align="left">
					<td><input name="confirm" type="button" value="確定" /></td>
					<td><s:submit value="取消" id="btnNo" cssClass="closeDOMWindow"
							theme="simple" /></td>
				</tr>
			</table>
		</s:form>
	</div>
	<!-- popup視窗 "選擇報表查詢時間及類別" End -->

	<!-- popup視窗 "輸入TOKEN-ESN" Start -->
	<div id="tokenESN" class="tokenESNDiv" style="display: none">
		<s:form id="token_esn_form">
			<s:hidden id="function_num_b" name="function_num"
				value="function_num" />
			<table>
				<tr align="left">
					<td align="left"><s:label value="請輸入TOKEN-ESN" theme="simple" /></td>
					<td align="left"><s:textfield id="token_esn_a"
							name="token_esn" theme="simple" maxlength="16" size="18" /></td>
				</tr>
				<tr height="50"></tr>
				<tr>
					<td><input name="confirm" type="button" value="確定" /></td>
					<td><s:submit value="取消" id="btnNo" cssClass="closeDOMWindow"
							theme="simple" /></td>
				</tr>
			</table>
		</s:form>
	</div>
	<!-- popup視窗 "輸入TOKEN-ESN" End -->

	<!-- popup視窗 "輸入 同步序號、同步驗證碼" Start-->
	<div id="tokenSynchronous" class="tokenSynchronousDiv"
		style="display: none">
		<s:form id="token_esn_form2">
			<table>
				<tr><td>TOKEN同步</td></tr>
				<tr align="left">
					<td align="left"><s:label value="請輸入TOKEN-ESN" theme="simple" /></td>
					<td align="left"><s:textfield id="token_esn_b"
							name="token_esn" theme="simple" maxlength="16" size="18" /></td>
				</tr>
				<tr height="50"></tr>
				<tr>
					<td><input name="synchConf" type="button" value="確定" /></td>
					<td><s:submit value="取消" id="btnCancel"
							cssClass="closeDOMWindow" theme="simple" /></td>
				</tr>
			</table>
		</s:form>
	</div>
	<!-- popup視窗 "輸入 同步序號、同步驗證碼" End-->
	<div>
		<table width="768" align="center">
			<tr>
				<th rowspan="2"><img
					src="${fn:url('/form/images/BankSinoPacLogo.png')}" /></th>
				<td colspan="3" align="right">&nbsp;</td>
			</tr>
			<tr>
				<td width="200" style="margin-bottom: 0px; margin-left: 0px">歡迎使用OTP分行平台</td>
				<td align="left" style="color: red" width="120"><s:property
						value="#session.userName" /></td>
				<td align="right" width="50"><a href="javascript:closeWindow();">登出</a></td>
			</tr>
			<tr align="right">
				<td colspan="4"><s:a href="/sinopac/RptQuery/index.action">個人作業紀錄</s:a></td>
			</tr>
		</table>
	</div>
	<div align="center">
		<p><b>申請作業</b></p>
			<form>
				<s:hidden id="function_num_c" name="function_num"
					value="function_num" />
				<table>
					<s:hidden property="action" value="getAction()" />
					<tr>
						<!-- 快速配發 -->
						<td>
						<s:if test='%{userRoles == "1"}'>
							<img src="${fn:url('/form/images/QuickApply.png')}"
							onmouseover="this.src = '${fn:url('/form/images/QuickApply01.png')}'"
							onmouseout="this.src = '${fn:url('/form/images/QuickApply.png')}'"
							class="ccroger" number="11" width="140px" height="70px" />
						</s:if>
						<s:else>
							<img src="${fn:url('/form/images/QuickApply02.png')}"
							number="11" width="140px" height="70px" />
						</s:else>
						</td>
						<!-- 客戶申請 -->
						<td>
						<s:if test='%{userRoles == "1"}'>
							<img src="${fn:url('/form/images/customerApplyBtn.png')}"
							onmouseover="this.src = '${fn:url('/form/images/customerApplyBtn01.png')}'"
							onmouseout="this.src = '${fn:url('/form/images/customerApplyBtn.png')}'"
							class="MtypeID" number="2" width="140px" height="70px" />
						</s:if>
						<s:else>
							<img src="${fn:url('/form/images/customerApplyBtn02.png')}"
							number="2" width="140px" height="70px" />
						</s:else>
						</td>
							
						<!-- 集團戶管理 -->
						<td>
						<s:if test='%{userRoles == "1"}'>
							<img src="${fn:url('/form/images/groupManagementBtn.png')}"
							onmouseover="this.src = '${fn:url('/form/images/groupManagementBtn01.png')}'"
							onmouseout="this.src = '${fn:url('/form/images/groupManagementBtn.png')}'"
							class="MtypeID" number="1" width="140px" height="70px" />
						</s:if>
						<s:else>
							<img src="${fn:url('/form/images/groupManagementBtn02.png')}"
							number="1" width="140px" height="70px" />
						</s:else>
						</td>
					</tr>
				</table>
			</form>

		<p />
			<p><b>TOKEN管理</b></p>
			<form>
				<s:hidden id="function_num_d" name="function_num"
					value="function_num" />
				<s:hidden id="errorMessageForSyn_a" name="errorMessageForSyn" />
				<table>
					<tr>
						<!-- 暫禁、解禁、註銷 -->
						<td>
						<s:if test='%{userRoles == "1"}'>
							<img src="${fn:url('/form/images/tempCancelBanBtn.png')}"
							onmouseover="this.src = '${fn:url('/form/images/tempCancelBanBtn01.png')}'"
							onmouseout="this.src = '${fn:url('/form/images/tempCancelBanBtn.png')}'"
							class="tokenMtypeToken" number="4" style="width: 140px; height: 70px" />
						</s:if>
						<s:else>
							<img src="${fn:url('/form/images/tempCancelBanBtn02.png')}"
							number="4" width="140px" height="70px" />
						</s:else>
						</td>

						<!-- TOKEN同步 -->
						<td>
						<s:if test='%{userRoles == "4"}'>
							<img src="${fn:url('/form/images/tokenSynchronousBtn.png')}"
							onmouseover="this.src = '${fn:url('/form/images/tokenSynchronousBtn01.png')}'"
							onmouseout="this.src = '${fn:url('/form/images/tokenSynchronousBtn.png')}'"
							class="tokenSynchronousPopup" style="width: 140px; height: 70px" />
						</s:if>
						<s:else>
							<img src="${fn:url('/form/images/tokenSynchronousBtn02.png')}"
							width="140px" height="70px" />
						</s:else>
						</td>

						<!-- TOKEN入庫 -->
						<td>
						<s:if test='%{userRoles == "1"}'>
							<img src="${fn:url('/form/images/tokenStorageBtn.png')}"
							onmouseover="this.src = '${fn:url('/form/images/tokenStorageBtn01.png')}'"
							onmouseout="this.src = '${fn:url('/form/images/tokenStorageBtn.png')}'"
							class="tokenStorage" number="6" style="width: 140px; height: 70px" />
						</s:if>
						<s:else>
							<img src="${fn:url('/form/images/tokenStorageBtn02.png')}"
							width="140px" height="70px" />
						</s:else>
						</td>
					</tr>
				</table>
			</form>
		<p />
			<p><b>管理查詢</b></p>
			<s:form id="managementForm">
				<s:hidden id="function_num_e" name="function_num"
					value="function_num" />
				<table>
					<tr>
						<!-- 主管覆核 -->
						<td>
						<s:if test='%{userRoles == "2"}'>
							<img src="${fn:url('/form/images/supervisorReconfirmBtn.png')}"
							onmouseover="this.src = '${fn:url('/form/images/supervisorReconfirmBtn01.png')}'"
							onmouseout="this.src = '${fn:url('/form/images/supervisorReconfirmBtn.png')}'"
							class="supervisorReconfirm" number="7" style="width: 140px; height: 70px" />
						</s:if>
						<s:else>
							<img src="${fn:url('/form/images/supervisorReconfirmBtn02.png')}"
							width="140px" height="70px" />
						</s:else>
						</td>

						<!-- 紀錄查詢 -->
						<td>
							<img src="${fn:url('/form/images/logQueryBtn.png')}"
							onmouseover="this.src = '${fn:url('/form/images/logQueryBtn01.png')}'"
							onmouseout="this.src = '${fn:url('/form/images/logQueryBtn.png')}'"
							class="logQuery" number="8" style="width: 140px; height: 70px" />
						</td>

						<!-- 報表查詢 -->
						<td>
							<img src="${fn:url('/form/images/rptQueryBtn.png')}"
							onmouseover="this.src = '${fn:url('/form/images/rptQueryBtn01.png')}'"
							onmouseout="this.src = '${fn:url('/form/images/rptQueryBtn.png')}'"
							class="rptQuery" number="9" style="width: 140px; height: 70px" />
						</td>
					</tr>
					<tr>
						<!-- 客戶查詢  -->
						<td>						
							<img src="${fn:url('/form/images/customerQueryBtn.png')}"
							onmouseover="this.src = '${fn:url('/form/images/customerQueryBtn01.png')}'"
							onmouseout="this.src = '${fn:url('/form/images/customerQueryBtn.png')}'"
							class="idQuery" number="10" width="140px" height="70px" />
						</td>
						<!-- 批次申請  -->
						<td>
						<s:if test='%{userRoles == "1"}'>
							<img src="${fn:url('/form/images/batchApplyBtn.png')}"
							onmouseover="this.src = '${fn:url('/form/images/batchApplyBtn01.png')}'"
							onmouseout="this.src = '${fn:url('/form/images/batchApplyBtn.png')}'"
							class="batchApply" number="3" width="140px" height="70px" />
						</s:if>
						<s:else>
							<img src="${fn:url('/form/images/batchApplyBtn02.png')}"
							number="3" width="140px" height="70px" />
						</s:else>
						</td>
					</tr>
				</table>
			</s:form>
	</div>
	<input type="hidden" id="errorMessage_a" name="errorMessage"
		value="${errorMessage}" />
	<input type="hidden" id="pdfPath" name="pdfPath"
		value="${pdfPath}" />
</body>
</html>